import styles from './style.module.css'

export function Footer() {
  const desc = 'Dribbble is the world’s leading community for creatives to share, grow, and get hired.'
  return (
    <footer className={`box-border w-full relative leading-8 ${styles.footer}`}>
      <div className={`w-full box-border pt-20 px-8 pb-12 md:px-12 ${styles.content}`}>
        <img src="/imgs/logo-red.svg" alt="" className='w-40 h-10' />
        <span className='flex my-8 flex-wrap'>{desc}</span>
      </div>
    </footer>
  )
}